<template>
  <div class="headerone">
      <div class="sosuos">
      <div class="sosuokuang" v-for="(v, i) in txt" :key="i">
          <div class="sosuoqs"><span :class="['iconfont', v.icons] "></span>
          <input type="text" :placeholder="v.iconts" >
          </div>
      </div>
  </div>
  </div>
</template>

<script>
import getlink from "../../apis/getapi"
export default {
   data() {
       return {
           txt:{},
       };
   },
   mounted() {
       getlink("/data/list/xiaoming").then((ok)=>{
           console.log(ok.data.Sosuo)
           this.txt = ok.data.Sosuo;
       })
   }
}
</script>

<style scoped>
.headerone{
    margin-top:0.8rem;
}
.sosuos{
    width: 90%;
    height:.6rem ;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.sosuokuang{
    width: 100%;
    height:.4rem ;
    background:#fff;
    border-radius: .25rem;
}

.sosuoqs{
    display: flex;
    margin-left: .1rem;
    margin-top:.03rem;
    width: 3.2rem;
    height: 85%;
    /* background: red; */
}

.sosuoqs .icon-sousuo{
    font-size: .30rem;
}

.sosuokuang input{
    width: 100%;
    height: 85%;
    /* background: chartreuse; */
    font-size: .18rem;
    margin-top: 2px;
    border: none;
    line-height: 85%;
}
</style>